<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Admin Control Panel</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" type="text/css" href="css/menuTiny.css"/>
<link rel="stylesheet" type="text/css" href="css/tooltip.css"/>
<script src="js/jquery-1.6.4.min.js" type="text/javascript"></script>

<script src="js/jquery.tools.min.js" type="text/javascript"></script>
<script src="js/functions.js" type="text/javascript"></script>
<script src="js/menuTiny.js" type="text/javascript"></script>
<!--[if IE 8]>
<link rel="stylesheet" href="css/ie8.css" type="text/css">
<![endif]-->
<!--[if IE 9]>
<link rel="stylesheet" href="css/ie9.css" type="text/css">
<![endif]-->
 <script type="text/javascript">
	$(document).ready(function() {
		/*$("#tooltip-field").tooltip(
			{
				position: 'bottom left',
				offset: [-20,0],
				effect: 'slide',
				 
			}
		);*/
		$("#download_now").tooltip({ effect: 'slide'});
	});
</script>
</head>

<body>
<div id="wrapge">
	<div id="header">
    	<div class="logo">Administrator panel</div>
    </div>
    
     <div id="menu-top">
     <!-- BEGIN: Menu -->
                <ul class="menuTiny" id="menuTiny">
                    <li><a href="#" class="menuTinyLink">Main</a>
                        <ul>
                            <li><a href="#">Front End</a></li>
                            <li><a href="#">Back End</a></li>

                        </ul>
                    </li>
                    <li><a href="#" class="menuTinyLink">Member</a>
                        <ul>
                            <li><a href="#">Group manager</a></li>
                            <li><a href="#">User manager</a></li>
                            <li><a href="#">Permission</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#" class="menuTinyLink">Products</a>
                        <ul>
                            <li><a href="#">Category manager</a></li>
                            <li><a href="#">Product manager</a></li>
                            <li><a href="#">Bill</a></li>
                        </ul>
                    </li>
                </ul>

                <script type="text/javascript">
                    var menu=new menu.dd("menu");
                    menu.init("menuTiny","menuTinyHover");
                </script><!-- END: Menu -->				
     </div>
     <div id="main">
     <form action="#" id="appForm" name="appForm" enctype="multipart/form-data" method="post">
         <div id="toolbar-box">
            <div class="m">        	
                <div class="pagetitle">My Officce:  Group: List</div>
                <div class="toolbar-list">
                    <ul>
                        <li>
                            <a href="#" class="toolbar">
                                <span><img src="images/icon/icon-32-active.png" /></span>
                                Active
                            </a>
                      </li>
                        <li>
                            <a href="#" class="toolbar">
                                <span><img src="images/icon/icon-32-inactive.png" /></span>
                                Inactive
                            </a>
                      </li>
                        <li>
                            <a href="#" class="toolbar">
                                <span><img src="images/icon/icon-32-add.png" /></span>
                                Add
                            </a>
                      </li>
                        <li>
                            <a href="javascript:submitQuestion('appForm','#','Ban co chac chan khong');" class="toolbar">
                                <span><img src="images/icon/icon-32-delete.png" /></span>
                                Delete
                            </a>
                      </li>
                        <li>
                            <a href="#" class="toolbar">
                                <span><img src="images/icon/icon-32-help.png" /></span>
                                Help
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="clr"></div>
            </div>
         </div>
         
         <div id="filter-box">
            <div class="search-field">
                <span>Filter:</span> 
                <input type="text" name="keyworks" class="width-100" />
                <select name="field-db" class="width-150">
                    <option value="name" selected="selected"> Name </option>
                    <option value="email" > Email </option>
                </select>
                <input class="button" type="button" value="search" name="search"/>
                <input class="button" type="button" value="clear" name="clear"/>
            </div>
            <div class="select-field">
                <div class="text">Show fields:</div>
                <a href="#"><span id="tooltip-field"><img src="images/small-icons/icon-show-field.png"/></span></a>
                <a href="#"><img src="images/small-icons/icon-go.png"/></a>
               
            </div>
            <div class="clr"></div>
        </div>
         
         <div id="element-box">
            <div class="m">
            	<div class="filter-result">
                     <select name="field-db" class="width-150">
                        <option value="0" selected="selected"> -- Select an item -- </option>
                        <option value="email" > Email </option>
                     </select>
                      
                      <select name="field-db" class="width-150">
                        <option value="0" selected="selected"> -- Select an item -- </option>
                        <option value="email" > Email </option>
                     </select>
                     <input class="button" type="button" value="filter" name="filter"/>
                </div>
                <div class="div-table">
                <table width="100%" border="0" class="adminlist">
                <thead>
                      <tr>
                        <th width="30"><input type="checkbox" name="checkall-toggle" onclick="checkedAll('appForm', 'cid[]')" /></th>
                        <th>Group name</th>
                        <th width="70">Status</th>
                        <th width="80">Priority</th>
                        <th width="70">Member</th>
                        <th width="80">Order</th>
                        <th width="90">Control</th>
                        <th width="44">ID</th>
                      </tr>
                 </thead>
                 <tbody>
                  <tr class="odd">
                    <td class="center"><input type="checkbox" name="cid[]" value="1" /></td>
                    <td class="left bold" >Admin</td>
                    <td class="center"><img src="images/small-icons/icon-active.png"/></td>
                    <td class="center"><input type="text" name="priority[]" value="1" class="width-50 bg-green center" /></td>
                    <td class="center">30</td>
                    <td class="center"><input type="text" name="order[]" value="1" class="width-50 bg-green center" /></td>
                    <td class="center">
                    	<a href="#"><img src="images/small-icons/icon-info.png"/></a> 
                        <a href="#"> <img src="images/small-icons/icon-edit.png"/></a>  
                        <a href="#"><img src="images/small-icons/icon-delete.png"/></a> 
                    </td>
                    <td class="center">1</td>
                  </tr>
                  
                   <tr class="even">
                    <td class="center"><input type="checkbox" name="cid[]" value="1" /></td>
                    <td class="left bold main-col" >Admin</td>
                    <td class="center"><img src="images/small-icons/icon-inactive.png"/></td>
                    <td class="center"><input type="text" name="priority[]" value="1" class="width-50 bg-green center" /></td>
                    <td class="center">30</td>
                    <td class="center"><input type="text" name="order[]" value="1" class="width-50 bg-green center" /></td>
                    <td class="center">
	                    <a href="#"><img src="images/small-icons/icon-info.png"/></a> 
                        <a href="#"> <img src="images/small-icons/icon-edit.png"/></a>  
                        <a href="#"><img src="images/small-icons/icon-delete.png"/></a> 
                    </td>
                    <td class="center">2</td>
                    <tr class="odd">
                    <td class="center"><input type="checkbox" name="cid[]" value="1" /></td>
                    <td class="left bold" >Admin</td>
                    <td class="center"><img src="images/small-icons/icon-active.png"/></td>
                    <td class="center"><input type="text" name="priority[]" value="1" class="width-50 bg-green center" /></td>
                    <td class="center">30</td>
                    <td class="center"><input type="text" name="order[]" value="1" class="width-50 bg-green center" /></td>
                    <td class="center">
                    	<a href="#"><img src="images/small-icons/icon-info.png"/></a> 
                        <a href="#"> <img src="images/small-icons/icon-edit.png"/></a>  
                        <a href="#"><img src="images/small-icons/icon-delete.png"/></a> 
                    </td>
                    <td class="center">1</td>
                  </tr>
                  
                   <tr class="even">
                    <td class="center"><input type="checkbox" name="cid[]" value="1" /></td>
                    <td class="left bold main-col" >Admin</td>
                    <td class="center"><img src="images/small-icons/icon-inactive.png"/></td>
                    <td class="center"><input type="text" name="priority[]" value="1" class="width-50 bg-green center" /></td>
                    <td class="center">30</td>
                    <td class="center"><input type="text" name="order[]" value="1" class="width-50 bg-green center" /></td>
                    <td class="center">
	                    <a href="#"><img src="images/small-icons/icon-info.png"/></a> 
                        <a href="#"> <img src="images/small-icons/icon-edit.png"/></a>  
                        <a href="#"><img src="images/small-icons/icon-delete.png"/></a> 
                    </td>
                    <td class="center">2</td>
                    <tr class="odd">
                    <td class="center"><input type="checkbox" name="cid[]" value="1" /></td>
                    <td class="left bold" >Admin</td>
                    <td class="center"><img src="images/small-icons/icon-active.png"/></td>
                    <td class="center"><input type="text" name="priority[]" value="1" class="width-50 bg-green center" /></td>
                    <td class="center">30</td>
                    <td class="center"><input type="text" name="order[]" value="1" class="width-50 bg-green center" /></td>
                    <td class="center">
                    	<a href="#"><img src="images/small-icons/icon-info.png"/></a> 
                        <a href="#"> <img src="images/small-icons/icon-edit.png"/></a>  
                        <a href="#"><img src="images/small-icons/icon-delete.png"/></a> 
                    </td>
                    <td class="center">1</td>
                  </tr>
                  
                   <tr class="even">
                    <td class="center"><input type="checkbox" name="cid[]" value="1" /></td>
                    <td class="left bold main-col" >Admin</td>
                    <td class="center"><img src="images/small-icons/icon-inactive.png"/></td>
                    <td class="center"><input type="text" name="priority[]" value="1" class="width-50 bg-green center" /></td>
                    <td class="center">30</td>
                    <td class="center"><input type="text" name="order[]" value="1" class="width-50 bg-green center" /></td>
                    <td class="center">
	                    <a href="#"><img src="images/small-icons/icon-info.png"/></a> 
                        <a href="#"> <img src="images/small-icons/icon-edit.png"/></a>  
                        <a href="#"><img src="images/small-icons/icon-delete.png"/></a> 
                    </td>
                    <td class="center">2</td>
                    <tr class="odd">
                    <td class="center"><input type="checkbox" name="cid[]" value="1" /></td>
                    <td class="left bold" >Admin</td>
                    <td class="center"><img src="images/small-icons/icon-active.png"/></td>
                    <td class="center"><input type="text" name="priority[]" value="1" class="width-50 bg-green center" /></td>
                    <td class="center">30</td>
                    <td class="center"><input type="text" name="order[]" value="1" class="width-50 bg-green center" /></td>
                    <td class="center">
                    	<a href="#"><img src="images/small-icons/icon-info.png"/></a> 
                        <a href="#"> <img src="images/small-icons/icon-edit.png"/></a>  
                        <a href="#"><img src="images/small-icons/icon-delete.png"/></a> 
                    </td>
                    <td class="center">1</td>
                  </tr>
                  
                   <tr class="even">
                    <td class="center"><input type="checkbox" name="cid[]" value="1" /></td>
                    <td class="left bold main-col" >Admin</td>
                    <td class="center"><img src="images/small-icons/icon-inactive.png"/></td>
                    <td class="center"><input type="text" name="priority[]" value="1" class="width-50 bg-green center" /></td>
                    <td class="center">30</td>
                    <td class="center"><input type="text" name="order[]" value="1" class="width-50 bg-green center" /></td>
                    <td class="center">
	                    <a href="#"><img src="images/small-icons/icon-info.png"/></a> 
                        <a href="#"> <img src="images/small-icons/icon-edit.png"/></a>  
                        <a href="#"><img src="images/small-icons/icon-delete.png"/></a> 
                    </td>
                    <td class="center">2</td>
                    <tr class="odd">
                    <td class="center"><input type="checkbox" name="cid[]" value="1" /></td>
                    <td class="left bold" >Admin</td>
                    <td class="center"><img src="images/small-icons/icon-active.png"/></td>
                    <td class="center"><input type="text" name="priority[]" value="1" class="width-50 bg-green center" /></td>
                    <td class="center">30</td>
                    <td class="center"><input type="text" name="order[]" value="1" class="width-50 bg-green center" /></td>
                    <td class="center">
                    	<a href="#"><img src="images/small-icons/icon-info.png"/></a> 
                        <a href="#"> <img src="images/small-icons/icon-edit.png"/></a>  
                        <a href="#"><img src="images/small-icons/icon-delete.png"/></a> 
                    </td>
                    <td class="center">1</td>
                  </tr>
                  
                   <tr class="even">
                    <td class="center"><input type="checkbox" name="cid[]" value="1" /></td>
                    <td class="left bold main-col" >Admin</td>
                    <td class="center"><img src="images/small-icons/icon-inactive.png"/></td>
                    <td class="center"><input type="text" name="priority[]" value="1" class="width-50 bg-green center" /></td>
                    <td class="center">30</td>
                    <td class="center"><input type="text" name="order[]" value="1" class="width-50 bg-green center" /></td>
                    <td class="center">
	                    <a href="#"><img src="images/small-icons/icon-info.png"/></a> 
                        <a href="#"> <img src="images/small-icons/icon-edit.png"/></a>  
                        <a href="#"><img src="images/small-icons/icon-delete.png"/></a> 
                    </td>
                    <td class="center">2</td>
                  </tr>
                  </tbody>
                  <tfoot>
                      <tr>
                        <td colspan="15">
                        	<div id="paning">
                            	<div class="paning-left">
                                	<div class="star"><a href="#">&nbsp;</a></div> 
                                    <div class="star-off">&nbsp;</div>
                                    <div class="previous"><a href="#">&nbsp;</a></div> 
                                    <div class="previous-off">&nbsp;</div>
                                    <div class="paning-line">&nbsp;</div>
                                    <div class="paning-text">Page</div>
                                    <div class="paning-input"><input type="text" name="priority[]" value="1" class="width-25 center" /></div>
                                    <div class="paning-text">Of 110</div>
                                     <div class="paning-line">&nbsp;</div>
                                    <div class="next"><a href="#">&nbsp;</a></div> 
                                    <div class="next-off">&nbsp;</div>
                                    <div class="end"><a href="#">&nbsp;</a></div> 
                                    <div class="end-off">&nbsp;</div>                                    
                                    <div class="clr"></div>
                                </div>
                                <div class="paning-right">Displaying 1 - 10 of 44</div>
                                <div class="clr"></div>
                            </div>
                        </td>
                      </tr>
                  </tfoot>
                </table>

                </div>
            </div>
         </div>
         </form>
     </div>
     <div id="footer">
     Bản quyền © 2007-2011 cộng đồng ZendVN<br />
Tài trợ bởi Professional World Company
     </div>
     
</div>
<p>&nbsp;</p>
</body>
</html>
